<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Cookie Blog</title>
<link href="css/styles.css" rel="stylesheet">
<link href="css/animation.css" rel="stylesheet">
<link href="css/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
  <nav id="nav">
  	<ul>
  		<li><a href="index.html">HOME PAGE</a></li>
  		<li><a href="./imgshow/dota1/index.html">DOTA1</a></li>
  		<li><a href="./imgshow/dota2/index.html">DOTA2</a></li>
  	</ul>
    <script src="js/silder.js"></script>
  </nav>
</header>
<!--header end-->
<div id="mainbody">
  <div class="info">
    <figure> <img src="./images/art.jpg"  alt="Panama Hat">
      <figcaption><strong>Hello, Welcome to my blog!</strong> I am Cookie </figcaption>
    </figure>
    <div class="card">
      <h1>Personal information</h1>
      <p>Name | Cookie </p>
      <p>UI Designer && Developer</p>
      <p>Phone Number: 15258831374</p>
      <p>Email Adress: 1403632192@qq.com</p>
      <ul class="linkmore">
        <li><a href="javascript:void(0)" class="talk" title="talk"></a></li>
        <li><a href="javascript:void(0)" class="address" title="addresַ"></a></li>
        <li><a href="javascript:void(0)" class="email" title="email"></a></li>
        <li><a href="javascript:void(0)" class="photos" title="photos"></a></li>
        <li><a href="javascript:void(0)" class="heart" title="heart"></a></li>
      </ul>
    </div>
  </div>
  <!--info end-->
  <div class="blank"></div>
  <div class="blogs">
    <ul class="bloglist">
      <li>
        <div class="arrow_box">
          <div class="ti"></div>
          <div class="ci"></div>
          <h2 class="title"><a href="javascript:void(0)" target="_blank">Join Infosys</a></h2>
          <ul class="textinfo">
            <a href="javascript:void(0)"><img src="./images/s1.jpg"></a>
            <p> 新的旅程，一切都是未知，一切都要重新开始 </p>
          </ul>
          <ul class="details">
            <!-- 
            	作者：offline
            	时间：2015-11-02
            	描述：
            <li class="likes"><a href="javascript:void(0)">10</a></li>
            <li class="comments"><a href="javascript:void(0)">34</a></li>-->
            <li class="icon-time"><a href="javascript:void(0)">2015-9-21</a></li>
          </ul>
        </div>
        <!--arrow_box end--> 
      </li>
      <li>
        <div class="arrow_box">
          <div class="ti"></div>
          <div class="ci"></div>
          <h2 class="title"><a href="javascript:void(0)" target="_blank">Join Pactera</a></h2>
          <ul class="textinfo">
            <a href="javascript:void(0)"><img src="./images/s5.jpg"></a>
            <p> 在文思的阶段，很锻炼，对我个人成长帮助很大，技能方面锻炼不多，但是不得不说，个性倒是磨练的不错
   
            </p>
          </ul>
          <ul class="details">
            <li class="icon-time"><a href="javascript:void(0)">2013-10-23</a></li>
          </ul>
        </div>
        <!--arrow_box end--> 
      </li>
     
      
     
    </ul>
    <!--bloglist end-->
    <aside>
      <div class="tuijian">
        <h2>个人简介</h2>
        <ol>
        </ol>
      </div>
      <div class="toppic">
        <h2>Friend introduction</h2>
        <ul>
          <li><a href="./timeline/ddm.html"><img src="./images/k01.jpg">丁大明
            <p>程序猿</p> --> 有点痞子
            </a></li>
          <li><a href="javascript:void(0)"><img src="./images/k02.jpg">大胖子
            <p>程序猿</p> --> 有点萝莉控
            </a></li>
          <li><a href="javascript:void(0)"><img src="./images/k03.jpg">猴子
            <p>运维喵</p> --> 有点闷骚
            </a></li>
          <li><a href="javascript:void(0)"><img src="./images/s2.jpg">小爽子
            <p>测试猿</p> --> 有点萝莉控+闷骚
            </a></li>
          <li><a href="javascript:void(0)"><img src="./images/s4.jpg">色长
            <p>程序猿</p>  --> 绝壁闷骚
            </a></li>
        </ul>
      </div>
      <div class="clicks">
        <h2>未完待续</h2>
        <ol>
        </ol>
      </div>
      <div class="search">
        <form class="searchform" method="get" action="#">
          <input type="text" name="s" value="Search" onfocus="this.value=''" onblur="this.value='Search'">
        </form>
      </div>
     <!-- <div class="viny">
        <dl>
          <dt class="art"><img src="./images/artwork.png" alt="ר��"></dt>
          <dd class="icon-song"><span></span>�Ϸ�����</dd>
          <dd class="icon-artist"><span></span>���֣�����</dd>
          <dd class="icon-album"><span></span>����ר��������С�ס�</dd>
          <dd class="icon-like"><span></span><a href="javascript:void(0)">ϲ��</a></dd>
          <dd class="music">
            <audio src="./images/nf.mp3" controls></audio>
          </dd>
          
        </dl>
      </div>-->
    </aside>
  </div>
  <!--blogs end--> 
</div>
<!--mainbody end-->
<footer>
  <div class="footer-mid">
    <div class="links">
      <h2>Links</h2>
      <ul>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
      </ul>
    </div>
    <div class="visitors">
      <h2>My friends</h2>
      <dl>
        <dt><img src="./images/s8.jpg">
        <dt>
        <dd>Nicole
        </dd>
        <dd>This is the most important person my life</dd>
      </dl>
      <dl>
        <dt><img src="./images/tao.jpg">
        <dt>
        <dd>Tao
        </dd>
        <dd>他是个逗比，但是也是很重要的一个人</dd>
      </dl>
      <dl>
        <dt><img src="./images/s6.jpg">
        <dt>
        <dd>All my friends
        </dd>
        <dd>Have been involved every person in my life, thank you</dd>
      </dl>
    </div>
    <section class="flickr">
      <h2>Design work</h2>
      <ul>
        <li><a href="javascript:void(0)"><img src="./images/01.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/02.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/03.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/04.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/05.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/06.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/07.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/08.jpg"></a></li>
        <li><a href="javascript:void(0)"><img src="./images/09.jpg"></a></li>
      </ul>
    </section>
  </div>
  <div class="footer-bottom">
    <p>Copyright 2013 Design by <a href="javascript:void(0)">Cookie</a></p>
  </div>
</footer>
<div id="tbox"> <a id="togbook" href="javascript:void(0)"></a> <a id="gotop" href="javascript:void(0)"></a> </div>

</body>
</html>